$(document).ready(function(){
	/* Cria UL e popula de LI de acordo com o HTML do controle da Vtex*/
	$('.slider-nav').after('<ul class="slider-ul"></ul>');
	/* clona elementos se tiver menos que 3 */
	var tamArray = $('.box-banner').length;
	if (tamArray < 3) {
		for (ij=1; ij<(3-tamArray); ij++){
			$('.box-banner:last').clone().appendTo('#slider');
		}
	}
	$('.box-banner').each(function(){
		href = $(this).find('a').attr('href');
		title = $(this).find('a').attr('title');
		src = $(this).find('img').attr('src');
		$('ul.slider-ul').append('<li><a href="'+href+'" title="'+title+'"><img src="'+src+'"/></a></li>');
	});
	$('.slider-ul').wrap('<div class="slider-ul-wrapper" />');
	/* Calcula offset do left pra colocar um banner no meio */
	var tamJanela = $(window).width();
	var tamImagem = $('ul.slider-ul:first img').width();
	var leftOffset = tamImagem - (tamJanela-tamImagem)/2;
	$('.slider-ul').css('left',-leftOffset);
	/* Clique em #nav-dir */
	$('#nav-dir').click(function(){
		$('.slider-ul li:last').clone().addClass('clone').insertBefore('.slider-ul li:first');
		var soma = -(leftOffset)-tamImagem;
		$('.slider-ul').css('left',soma);
		$('.slider-ul').animate({
			left: '+='+tamImagem+''
			//left: "'+="+tamImagem+"'"
		}, 1000, 'swing', function(){
			$('.slider-ul .clone').remove();
			$('.slider-ul li:last').insertBefore('.slider-ul li:first');
			$('.slider-ul').removeAttr('style');
			$('.slider-ul').css('left',-leftOffset);
		});
	});
	/* Clique em #nav-esq */
	$('#nav-esq').click(function(){
		$('.slider-ul li:first').clone().addClass('clone').insertAfter('.slider-ul li:last');
		//var soma = -tamImagem;
		//$('.slider-ul').css('left',soma);
		$('.slider-ul').animate({
			left: '-='+tamImagem+''
			//left: "'+="+tamImagem+"'"
		}, 1000, 'swing', function(){
			$('.slider-ul .clone').remove();
			$('.slider-ul li:first').insertAfter('.slider-ul li:last');
			$('.slider-ul').removeAttr('style');
			$('.slider-ul').css('left',-leftOffset);
		});
	});
});